<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/template.xhtml">
        
        <ui:define name="title">
            <h:outputText value="#{bundle['Service.Login.MainPage']}"></h:outputText>
        </ui:define>
    
        <ui:define name="menu">
            <div class="block_menu">
                <h:form>
                    <div class="block_menu_left">
                        <h:commandLink action="/index" value="#{bundle['Menu.Main']}"/>
                    </div>
                    <div class="block_menu_left">
                        <h:commandLink action="/notes/List" value="#{bundle['Menu.Notes']}"/>
                    </div>
                    
                    
                    <div class="block_menu_right">
                        <h:commandLink action="PasswordRecovery" value="#{bundle['Menu.ResstorePassword']}"/>
                    </div>

                    <div class="block_menu_right">
                        <h:commandLink action="/authenticate/Registration" value="#{bundle['Menu.Registration']}"/>
                    </div>
                </h:form>
            </div>
        </ui:define>

        <ui:define name="body">
            <h:messages style="color: white" />
        <center>
            <div style="padding-top: 100px;">

                
                <form method="post" action="j_security_check" name="loginForm"> 
                    <h:panelGrid columns="2" columnClasses="loginFormFirst,loginFormSecond" >
                        <h:outputLabel id="userNameLabel" for="j_username"
                            value="#{bundle['Service.Login.Label.Email']}"
                            style="font: 16pt 'Segoe WP';  color: #707070;"/> 
                        <h:inputText id="j_username" autocomplete="off" maxlength="25"
                            style="width: 150px; height: 30px; padding-left: 5px;  font: 12pt 'Segoe WP';color: #707070;
                                background-color: #ffffff; border: 2px solid #707070;"/> 
                    </h:panelGrid>
                    
                    <h:panelGrid  columns="2" columnClasses="loginFormFirst,loginFormSecond" >
                        <h:outputLabel id="passwordLabel" for="j_password" 
                            value="#{bundle['Service.Login.Label.Password']}"
                            style="font: 16pt 'Segoe WP';  color: #707070;"/> 
                        <h:inputSecret id="j_password" autocomplete="off" maxlength="25"
                            style="width: 150px; height: 30px; padding-left: 5px;  font: 12pt 'Segoe WP'; color: #707070;
                                background-color: #ffffff; border: 2px solid #707070;"/> 
                    </h:panelGrid>
                    
                    <h:panelGrid  columns="2" 
                        columnClasses="loginFormFirstButtonReset,loginFormSecondButtonLogin">
                        <h:commandButton type="reset" style="width: 100px; height: 45px; font: 12pt 'Segoe WP'; font-weight: bold; 
                                         color: #505050; background-color: #f0f0f0; border: 3px solid #505050;" 
                                         value="#{bundle['Service.Login.LabelButton.Reset']}"/>
                        <h:commandButton type="submit" style="width: 165px; height: 45px; font: 16pt 'Segoe WP'; font-weight: bold; 
                                         color: #505050; background-color: #f0f0f0; border: 3px solid #505050;"
                                         value="#{bundle['Service.Login.LabelButton.Login']}"/>
                    </h:panelGrid>            
                </form>
                
            </div>
        </center>
        </ui:define>
    </ui:composition>
</html>
